<template name="skeleton">
  <view class="sk-container">
    <view class="home">
      <scroll-view refresher-enabled="true" scroll-y="true" class="scroll-view">
        <view is="components/ShopSwiper">
          <view class="carousel ShopSwiper--carousel">
            <swiper
              autoplay="false"
              circular="true"
              class="swiper ShopSwiper--swiper"
              interval="3000"
              current="0"
              style="height: 280rpx"
            ></swiper>
            <view class="indicator ShopSwiper--indicator">
              <text class="dot ShopSwiper--dot"></text>
              <text class="dot ShopSwiper--dot"></text>
              <text class="dot ShopSwiper--dot"></text>
              <text class="dot ShopSwiper--dot"></text>
              <text class="dot ShopSwiper--dot active ShopSwiper--active"></text>
            </view>
          </view>
        </view>
        <view is="pages/index/compoents/CategoryPanel">
          <view
            class="category CategoryPanel--category data-v-5995060f CategoryPanel--data-v-5995060f"
          >
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-169 sk-text"
                >居家</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-403 sk-text"
                >锦鲤</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-329 sk-text"
                >服饰</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-403 sk-text"
                >母婴</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-165 sk-text"
                >个护</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-538 sk-text"
                >严选</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-20 sk-text"
                >数码</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-266 sk-text"
                >运动</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-358 sk-text"
                >杂项</text
              >
            </navigator>
            <navigator
              class="category-item CategoryPanel--category-item data-v-5995060f CategoryPanel--data-v-5995060f"
              hover-class="none"
            >
              <image
                class="icon CategoryPanel--icon data-v-5995060f CategoryPanel--data-v-5995060f sk-image"
              ></image>
              <text
                class="text CategoryPanel--text data-v-5995060f CategoryPanel--data-v-5995060f sk-transparent sk-text-14-2857-543 sk-text"
                >品牌</text
              >
            </navigator>
          </view>
        </view>
        <view is="pages/index/compoents/HotPanel">
          <view
            class="panel HotPanel--panel hot HotPanel--hot data-v-4d344ef8 HotPanel--data-v-4d344ef8"
          >
            <view class="item HotPanel--item data-v-4d344ef8 HotPanel--data-v-4d344ef8">
              <view class="title HotPanel--title data-v-4d344ef8 HotPanel--data-v-4d344ef8">
                <text
                  class="title-text HotPanel--title-text data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-587 sk-text"
                  >特惠推荐</text
                >
                <text
                  class="title-desc HotPanel--title-desc data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-995 sk-text"
                  >精选全攻略</text
                >
              </view>
              <navigator
                class="cards HotPanel--cards data-v-4d344ef8 HotPanel--data-v-4d344ef8"
                hover-class="none"
              >
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
              </navigator>
            </view>
            <view class="item HotPanel--item data-v-4d344ef8 HotPanel--data-v-4d344ef8">
              <view class="title HotPanel--title data-v-4d344ef8 HotPanel--data-v-4d344ef8">
                <text
                  class="title-text HotPanel--title-text data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-619 sk-text"
                  >爆款推荐</text
                >
                <text
                  class="title-desc HotPanel--title-desc data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-785 sk-text"
                  >最受欢迎</text
                >
              </view>
              <navigator
                class="cards HotPanel--cards data-v-4d344ef8 HotPanel--data-v-4d344ef8"
                hover-class="none"
              >
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
              </navigator>
            </view>
            <view class="item HotPanel--item data-v-4d344ef8 HotPanel--data-v-4d344ef8">
              <view class="title HotPanel--title data-v-4d344ef8 HotPanel--data-v-4d344ef8">
                <text
                  class="title-text HotPanel--title-text data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-422 sk-text"
                  >一站买全</text
                >
                <text
                  class="title-desc HotPanel--title-desc data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-569 sk-text"
                  >精心优选</text
                >
              </view>
              <navigator
                class="cards HotPanel--cards data-v-4d344ef8 HotPanel--data-v-4d344ef8"
                hover-class="none"
              >
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
              </navigator>
            </view>
            <view class="item HotPanel--item data-v-4d344ef8 HotPanel--data-v-4d344ef8">
              <view class="title HotPanel--title data-v-4d344ef8 HotPanel--data-v-4d344ef8">
                <text
                  class="title-text HotPanel--title-text data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-461 sk-text"
                  >新鲜好物</text
                >
                <text
                  class="title-desc HotPanel--title-desc data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-transparent sk-text-14-2857-343 sk-text"
                  >生活加分项</text
                >
              </view>
              <navigator
                class="cards HotPanel--cards data-v-4d344ef8 HotPanel--data-v-4d344ef8"
                hover-class="none"
              >
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
                <image
                  class="image HotPanel--image data-v-4d344ef8 HotPanel--data-v-4d344ef8 sk-image"
                  mode="aspectFit"
                ></image>
              </navigator>
            </view>
          </view>
        </view>
        <view is="components/ShopGuess" class="r">
          <view class="caption ShopGuess--caption">
            <text
              class="text ShopGuess--text sk-transparent sk-text-0-0000-881 sk-text sk-pseudo sk-pseudo-circle"
              >猜你喜欢</text
            >
          </view>
        </view>
      </scroll-view>
    </view>
  </view>
</template>
<style scoped>
.sk-transparent {
  color: transparent !important;
}
.sk-text-6-2500-200 {
  background-image: linear-gradient(
    transparent 6.25%,
    #eeeeee 0%,
    #eeeeee 93.75%,
    transparent 0%
  ) !important;
  background-size: 100% 27.907rpx;
  position: relative !important;
}
.sk-text {
  background-origin: content-box !important;
  background-clip: content-box !important;
  background-color: transparent !important;
  color: transparent !important;
  background-repeat: repeat-y !important;
}
.sk-text-14-2857-891 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 39.0698rpx;
  position: relative !important;
}
.sk-text-14-2857-169 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-403 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-329 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-165 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-538 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-20 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-266 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-358 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-543 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 34.186rpx;
  position: relative !important;
}
.sk-text-14-2857-587 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-995 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-619 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-785 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-422 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-569 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-14-2857-461 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 43.9535rpx;
  position: relative !important;
}
.sk-text-14-2857-343 {
  background-image: linear-gradient(
    transparent 14.2857%,
    #eeeeee 0%,
    #eeeeee 85.7143%,
    transparent 0%
  ) !important;
  background-size: 100% 31.7442rpx;
  position: relative !important;
}
.sk-text-0-0000-881 {
  background-image: linear-gradient(
    transparent 0%,
    #eeeeee 0%,
    #eeeeee 100%,
    transparent 0%
  ) !important;
  background-size: 100% 31.3953rpx;
  position: relative !important;
}
.sk-image {
  background: #efefef !important;
}
.sk-pseudo::before,
.sk-pseudo::after {
  background: #efefef !important;
  background-image: none !important;
  color: transparent !important;
  border-color: transparent !important;
}
.sk-pseudo-rect::before,
.sk-pseudo-rect::after {
  border-radius: 0 !important;
}
.sk-pseudo-circle::before,
.sk-pseudo-circle::after {
  border-radius: 50% !important;
}
.sk-container {
  width: 100%;
  height: 80vh;
  overflow: hidden;
  background-color: transparent;
}
</style>
